<template>
  <view>
    <!-- 加载中蒙版 -->
    <uni-transition mode-class="fade" :duration="500" :show="!dataLoaded" custom-class="vague-bg-9 mask-load">
      <template>
        <image src="https://gd-hbimg.huaban.com/e9b2e476fca681200ce4d270710848d7167dbbde366605-OaMVEq_fw1200"
               mode="aspectFit" class="mask-load-img"></image>
      </template>
    </uni-transition>
  </view>
</template>

<script>
export default {
  name: "qmy-mask-load",
  props: {
    dataLoaded: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {};
  }
}
</script>

<style lang="scss" scoped>
.mask-load-img {
  width: 250rpx;
  height: 250rpx;
}
</style>
